<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag-11.tld" prefix="display"%>
<%@ page import="co.gov.medellin.ssti.sub.model.vo.AtributoVO"%>

<html>
<head>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
<script type="text/javascript"
	src="<%= request.getContextPath() + "/js/popUP.js" %>"></script>
	
<script type="text/javascript">
$(document).ready(function() { 
	$("#guardarBtn").click(function(){
		//validar fecha inicio y fin string valido.
		var fDate = isDate($("#operando1").val());
		var fDate2 = isDate($("#operando2").val());
		if(!fDate){
			alert('Fecha no valida.');
			return false;
		}
		if(!fDate2){
			alert('Fecha no valida.');
			return false;
		}
	});
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#operando1").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#operando2").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<%@ page contentType="text/html;charset=utf-8"%>

<script type="text/javascript"> 

   function habilita(tipodato){
   
      if(tipodato!="F")
      {
        if(document.frmcrearrest.operador.value == "7")
        {
          document.frmcrearrest.operando2.disabled = false; 
        }else
       {
          document.frmcrearrest.operando2.disabled = true;
          document.frmcrearrest.operando2.value = "";
       }
      } 
   } 


function compruebaValidoNumero1(field) {
    var valid = "0123456789,";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    temp = "" + field.value.substring(i, i+1);
    if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    alert("El Atributo es de tipo numerico");
    field.focus();
    field.select();
       }
    }
/*
function compruebaValidoDatos1(){
    DatosValidado = document.frmcrearrest.operando1.value;
    if (isNaN(DatosValidado))
    { 
    }else 
    {
       alert ("El Atributo es de tipo solo Letras") 
       //selecciono el texto 
       document.frmcrearrest.operando1.select();
       //coloco otra vez el foco 
       document.frmcrearrest.operando1.focus() 
    }
}*/

function compruebaValidoDatos1(field) {
    var valid = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    temp = "" + field.value.substring(i, i+1);
    if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    alert("El Campo es solo letras (A-Z)");
    field.focus();
    field.select();
       }
    }

function compruebaAlfa1(){ 
} 

function compruebaValidoNumero2(field){ 
    var valid = "0123456789,";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    temp = "" + field.value.substring(i, i+1);
    if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    alert("El Atributo es de tipo numerico");
    field.focus();
    field.select();
       }
    }

/*
function compruebaValidoDatos2(){ 
    DatosValidado = document.frmcrearrest.operando2.value;
    if (isNaN(DatosValidado) || DatosValidado!="")
    { 
    }else 
    {
       alert ("El Atributo es de tipo Letras") 
       //selecciono el texto 
       document.frmcrearrest.operando2.select();
       //coloco otra vez el foco 
       document.frmcrearrest.operando2.focus() 
    }
} */

function compruebaValidoDatos2(field) {
    var valid = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    temp = "" + field.value.substring(i, i+1);
    if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    alert("El Campo es solo letras (A-Z)");
    field.focus();
    field.select();
       }
    }

function ValidarFecha()
{ 
      var fecha1 = new String(document.frmcrearrest.operando1.value);
      var fecha2 = new String(document.frmcrearrest.operando2.value);
      var posterior = "";
      var anterior = "";
      var arrayFecha = fecha2.split("-");
      posterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
      arrayFecha = fecha1.split("-");
      anterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
      
      if (parseInt(anterior)>=parseInt(posterior)){
        alert("La fecha del campo1 es mayor a la fecha del campo2.");
         return false;
      }else
      {
        if(document.frmcrearrest.operando1.value != "")
        {
           if(document.frmcrearrest.operador.value == "ENT")
           {
              if(document.frmcrearrest.operando2.value != "")
              {
                document.frmcrearrest.submit();
              }else
              {
                alert("El campo2 no debe de estar vacío");
              }
           }else
           {
             document.frmcrearrest.submit();
           }
        }else
        {
          alert("El campo1 no debe de estar vacío");
        }
        
      }
} 

function ValidarNumeros()
{ 
      var numero1 = new String(document.frmcrearrest.operando1.value);
      var numero2 = new String(document.frmcrearrest.operando2.value);
      if (parseInt(numero1)>=parseInt(numero2)){
        alert("El campo1 es mayo o igual al campo2");
         return false;
      }else
      {
        if(document.frmcrearrest.operando1.value != "")
        {
           if(document.frmcrearrest.operador.value == "ENT")
           {
              if(document.frmcrearrest.operando2.value != "")
              {
                document.frmcrearrest.submit();
              }else
              {
                alert("El campo2 no debe de estar vacido");
              }
           }else
           {
             document.frmcrearrest.submit();
           }
        }else
        {
          alert("El campo1 no debe de estar vacío");
        }
        
      }
}

function ValidarNumeros()
{ 
  var numero1 = new String(document.frmcrearrest.operando1.value);
  var numero2 = new String(document.frmcrearrest.operando2.value);
  if (parseInt(numero1)>=parseInt(numero2)){
    alert("El campo1 es mayor o igual al campo2");
     return false;
  }else
  {
    if(document.frmcrearrest.operando1.value != "")
    {
       if(document.frmcrearrest.operador.value == "ENT")
       {
          if(document.frmcrearrest.operando2.value != "")
          {
            document.frmcrearrest.submit();
          }else
          {
            alert("El campo2 no debe de estar vacío");
          }
       }else
       {
         document.frmcrearrest.submit();
       }
    }else
    {
      alert("El campo1 no debe de estar vacío");
    }
    
  }
} 

function validarlista()
{ 
   var validar = document.frmcrearrest.descVflex.value;
   if(validar == "nulo")
   {
     alert("Por favor seleccione una opcion");
   }
} 

function ValidarCampo1(locacion)
{ 
   
   if(document.forms['frmcrearrest'].elements[locacion].value != "")
   {
     if(document.frmcrearrest.operador.value == "7")
     {
        if(document.frmcrearrest.operando2.value != "")
        {
          document.frmcrearrest.submit();
        }else
        {
          alert("El campo2 no debe de estar vacío");
        }
     }else
     {
       document.frmcrearrest.submit();
     }
    
   }else
   {
     alert("El campo1 no debe de estar vacío");
   }
} 
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<%= request.getContextPath() + "/css/bloques.css" %>"
	rel="stylesheet" type="text/css">
<link href="<%= request.getContextPath() + "/css/table.css" %>"
	rel="stylesheet" type="text/css">
<link href="../../css/jdeveloper.css" rel="stylesheet" media="screen" />

<title>Restricciones</title>


</head>
<body>



	<P align="center"></P>
	<form name="frmcrearrest"
		action="<%= request.getContextPath() + "/subprogramas/atributos/IngresarRestric.do" %>"
		method="get">
		<%
  
   String locacion = "";
   String nombre =(String)session.getAttribute("nombre");
   String tipodato =(String)session.getAttribute("tipodato");
   String ValidarCampo="";
   String HabilitarCampos = "";
   if(tipodato.equals("N"))
   {
     ValidarCampo = "compruebaValidoNumero";
   }else
   {
     if(tipodato.equals("L"))
     {
        ValidarCampo = "compruebaValidoDatos";
     }else
     {
      ValidarCampo = "compruebaAlfa";
     }
   }
   
  
%>
		<p align="center" class="titulosenblanco">
			<b>Crear Restriccion para el Atributo <%=nombre%></b>
		</p>

		<DIV align="center">
			<table cellspacing="2" cellpadding="3" border="0" width="50%">
				<tr>
					<td width="13%" class="celdatabla" align="center">
						<DIV align="center">
							<STRONG>Condicion</STRONG>
						</DIV>
					</td>
					<td width="8%" class="celdatabla" align="center">
						<DIV align="center">
							<STRONG>Campo1</STRONG>
						</DIV>
					</td>
					<td width="8%" class="celdatabla" align="center">
						<DIV align="center">
							<STRONG>Campo2</STRONG>
						</DIV>
					</td>
				</tr>
				<tr>
					<%
        if(!tipodato.equals("A") && !tipodato.equals("L"))
        {
 %>
					<td align="center" width="13%"><SELECT
						onchange="habilita('<%=tipodato%>')" NAME="operador" Class="form">
							<OPTION value="1">Mayor</OPTION>
							<OPTION value="2">Menor</OPTION>
							<OPTION value="3">Igual</OPTION>
							<OPTION value="4">Mayor o Igual</OPTION>
							<OPTION value="5">Menor o Igual</OPTION>
							<OPTION value="6">Diferente</OPTION>
							<OPTION value="7">Entre</OPTION>
					</SELECT></td>
					<%
        }else
        {
%>
					<td align="center" width="13%"><SELECT
						onchange="habilita('<%=tipodato%>')" NAME="operador" Class="form">
							<OPTION value="3">Igual</OPTION>
							<OPTION value="6">Diferente</OPTION>
					</SELECT></td>
					<%
         }
          if(!tipodato.equals("F"))
          {
%>
					<td align="center"><logic:notPresent name="listavfl">
							<input type="TEXT" class="form" name="operando1" size="13"
								onblur="<%=ValidarCampo+"1(this)"%>" />
							<%locacion="operando1";%>
						</logic:notPresent> <logic:present name="listavfl">
							<%locacion="descVflex";%>
							<logic:iterate id="vfl" name="listavfl" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.VflexVO">
								<html:select name="vfl" property="descVflex" title="vfl"
									styleClass="form" onchange="validarlista()">
									<option value="nulo">Seleccione una opcion</option>
									<html:options name="listavfl" labelName="operando1"
										labelProperty="descVflex" property="nombreVflex"
										collection="listavfl" />
								</html:select>
							</logic:iterate>
						</logic:present></td>

					<td align="center" width="12%"><input disabled="disabled"
						type="TEXT" class="form" name="operando2" size="13"
						onblur="<%=ValidarCampo+"2(this)"%>" /></td>
					<%
          }else
          {
%>
					<td align="center" width="12%">
						<input type="TEXT" class="form" name="operando1" id="operando1" />
					</td>
					<td align="center" width="12%">
						<input type="TEXT" class="form" name="operando2" id="operando2" />
					</td>
					<%        }%>
				</tr>
				<tr>
					<td align="center" class="celdatabla"><STRONG>Descripcion</STRONG>
					</td>
					<td align="center" class="celdatabla"><STRONG>Alerta</STRONG>
					</td>
					<td align="center" class="celdatabla"><STRONG>Vigencia</STRONG>
					</td>
				</tr>
				<tr>
					<td align="center"><input Class="form" type="text"
						name="descripcion" maxlength="199" /></td>
					<td align="center"><SELECT NAME="alerta" Class="form">
							<OPTION value="S">Si</OPTION>
							<OPTION value="N">No</OPTION>
					</SELECT></td>
					<td align="center"><SELECT NAME="vigencia" Class="form">
							<OPTION value="A">Activo</OPTION>
							<OPTION value="I">Inactivo</OPTION>
					</SELECT></td>
				</tr>
			</table>

			<P>
				<%
    if(tipodato.equals("F"))
    {
%>
				<input type="BUTTON" value="Aceptar" id="aceptarBtn" onclick="ValidarFecha()" />
				<%
    }else{
        if(tipodato.equals("N"))
        {
        %>
				<input type="BUTTON" value="Aceptar" onclick="ValidarNumeros()" />
				<%
        }else{
%>
				<input type="BUTTON" value="Aceptar"
					onclick="ValidarCampo1('<%=locacion%>')" />
				<%      }
    }%>
			</P>
			<P>
				<a href="javascript:window.history.back()"> <img
					src="<%=request.getContextPath() + "/images/b_atras.gif"%>"
					border="0" />
				</a>
			</P>
		</DIV>


	</form>
</body>
</html>
